<template>
	<div class="bonus-container">
		<span>赚</span>{{bonus}}元
	</div>
</template>
<script>
export default{
	name:'Bonus',
	props: ['bonus']
}
</script>
<style lang='less' scoped>
.bonus-container{
	font-size: 0.32rem;
	color: #5c5c5c;
	span{
		width: 0.43rem;
		height: .43rem;
		background: #ff4040;
		color: #fff;
		text-align: center;
		line-height: .43rem;
		font-size: .28rem;
		border-radius: .05rem;
		margin-right: .1rem;
	}
}
</style>